<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>Tables </title>
	<!-- custom-theme -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
	<!-- //custom-theme -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/table-style.css" />
	<!-- <link rel="stylesheet" type="text/css" href="css/basictable.css" /> -->
	<link href="css/component.css" rel="stylesheet" type="text/css" media="all" />
	<!-- <link href="css/style_grid.css" rel="stylesheet" type="text/css" media="all" /> -->
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/bootstrap-table.css" rel="stylesheet" type="text/css" media="all" />
	<!-- font-awesome-icons -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome-icons -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800"
		rel="stylesheet">
</head>

<script src="Plugins/vue.js"></script>
<script>
	window.onload = function () {
		var userRole = JSON.parse(localStorage.getItem("loginUrseData")).role;
		console.log("userRole:" + userRole)
		var vm = new Vue({
			el: "#gn-menun",
			data: {
				role: userRole
			}
		})
	}
</script>

<body>
	<!-- banner -->
	<div class="wthree_agile_admin_info">
		<!-- /w3_agileits_top_nav-->
		<!-- /nav-->
		<div class="w3_agileits_top_nav">
			<ul id="gn-menu" class="gn-menu-main">
				<!-- /nav_agile_w3l -->
				<li class="gn-trigger">
					<a class="gn-icon gn-icon-menu"><i class="fa fa-bars" aria-hidden="true"></i><span>Menu</span></a>
					<nav class="gn-menu-wrapper">
						<div class="gn-scroller scrollbar1">
							<ul class="gn-menu agile_menu_drop" id="gn-menun">
								<!-- <li>
										<a href="main-page.html"> <i class="fa fa-tachometer"></i> Dashboard</a>
									</li> -->
									<template v-bind: v-if="role === 1 || role === 2">
										<li>
											<a href="ACommunity.html"> <i class="fa fa-table"
													aria-hidden="true"></i>小区管理</a>
										</li>
									</template>
								<template v-bind: v-if="role === 1 || role === 2">
									<li>
										<a href="#"><i class="fa fa-cogs" aria-hidden="true"></i> 设备管理 <i
												class="fa fa-angle-down" aria-hidden="true"></i></a>
										<ul class="gn-submenu">
											<li class="mini_list_agile"><a href="ABarcode.html"><i
														class="fa fa-caret-right" aria-hidden="true"></i>
													二维码管理</a></li>
											<li class="mini_list_w3">
												<a href="ABeacon.html"> <i class="fa fa-caret-right"
														aria-hidden="true"></i> 信标管理</a>
											</li>
											<li class="mini_list_w3">
												<a href="ALift.html"> <i class="fa fa-caret-right"
														aria-hidden="true"></i> DTU管理</a>
											</li>
											<li class="mini_list_w3">
												<a href="generate_code.html"> <i class="fa fa-caret-right"
														aria-hidden="true"></i>二维码生成</a>
											</li>
										</ul>
									</li>
								</template>
								<template v-bind: v-if="role === 1 || role === 3 || role === 4">
									<li>
										<a href="#"> <i class="fa fa-file-text-o" aria-hidden="true"></i>申请权限管理 <i
												class="fa fa-angle-down" aria-hidden="true"></i></a>
										<ul class="gn-submenu">
											<li class="mini_list_agile"><a href="approve.html"><i
														class="fa fa-caret-right" aria-hidden="true"></i>已通过申请权限管理</a>
											</li>
											<li class="mini_list_w3"><a href="refuse.html"><i class="fa fa-caret-right"
														aria-hidden="true"></i>已拒绝申请权限管理</a></li>
											<li class="mini_list_w3"><a href="table.html"><i class="fa fa-caret-right"
														aria-hidden="true"></i>权限申请管理</a></li>
										</ul>
									</li>
								</template>
								<template v-bind: v-if="role === 1 || role === 3">
									<li>
										<a href="AUser.html"> <i class="fa fa-table" aria-hidden="true"></i>用户管理</a>
									</li>
								</template>
								<!-- <li><a href="#"><i class="fa fa-list" aria-hidden="true"></i>Short Codes <i class="fa fa-angle-down"
											 aria-hidden="true"> </i></a>
										<ul class="gn-submenu">
											<li class="mini_list_agile">
												<a href="typo.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Typography
												</a>
											</li>
											<li class="mini_list_w3">
												<a href="icons.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Icons</a>
											</li>
			
										</ul>
									</li>
			
									<li>
										<a href="charts.html"> <i class="fa fa-line-chart" aria-hidden="true"></i> Charts</a>
									</li>
									<li><a href="maps.html"><i class="fa fa-map-o" aria-hidden="true"></i> Maps</a></li>
									<li class="page">
										<a href="#"><i class="fa fa-files-o" aria-hidden="true"></i> Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
										<ul class="gn-submenu">
			
											<li class="mini_list_agile">
												<a href="signin.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign In</a>
											</li>
											<li class="mini_list_w3">
												<a href="signup.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign Up</a>
											</li>
											<li class="mini_list_agile error">
												<a href="404.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Error 404 </a>
											</li>
			
											<li class="mini_list_w3_line">
												<a href="calendar.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Calendar
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#"> <i class="fa fa-suitcase" aria-hidden="true"></i>More <i class="fa fa-angle-down" aria-hidden="true"></i></a>
										<ul class="gn-submenu">
											<li class="mini_list_agile">
												<a href="faq.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Faq</a>
											</li>
											<li class="mini_list_w3">
												<a href="blank.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Blank Page
												</a>
											</li>
										</ul>
									</li> -->
							</ul>
						</div>
						<!-- /gn-scroller -->
					</nav>
				</li>
				<!-- //nav_agile_w3l -->
				<li class="second logo">
					<h1><a href="manage.html"><i class="fa fa-graduation-cap" aria-hidden="true"></i>1智能呼梯管理平台</a>
					</h1>
				</li>
				<li class="second admin-pic">
					<ul class="top_dp_agile">
						<li class="dropdown profile_details_drop">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								<div class="profile_img">
									<span class="prfil-img"><img src="images/admin.jpg" alt=""> </span>
								</div>
							</a>
							<ul class="dropdown-menu drp-mnu">
								<li> <a href="login.html"><i class="fa fa-sign-out"></i> 登出</a> </li>
							</ul>
						</li>

					</ul>
				</li>
				<li class="second top_bell_nav">
					<ul class="top_dp_agile ">
						<li class="dropdown head-dpdn">
							<a href="table.html"  id="tongzhiId" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i
									class="fa fa-bell-o" aria-hidden="true"></i> <span class="badge blue"
									id="unreadCount"></span></a>
							<ul class="dropdown-menu">
								<li>
									<div class="notification_header">
										<h3>你的通知</h3>
									</div>
								</li>
								<li>
									<a href="table.html">
										<div class="notification_desc">
											<h6>你有<span style="color: red;" id="unreadCount"></span>个申请待处理</h6>
										</div>
										<div class="clearfix"></div>
									</a>
								</li>
								<div class="notification_bottom">
									<a href="table.html">查看详情</a>
								</div>
						</li>
					</ul>
				</li>

			</ul>
			</li>
			<li class="second top_bell_nav">
				<ul class="top_dp_agile ">
					<li class="dropdown head-dpdn">
						<!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-envelope-o"
								 aria-hidden="true"></i> <span class="badge blue">1</span></a> -->
						<ul class="dropdown-menu">
							<!-- <li>
									<div class="notification_header">
										<h3>你的消息</h3>
									</div>
								</li>
								<li>
									<a href="#">
										<div class="notification_desc">
											<h6>欢迎进入1智能呼梯管理平台</h6>
										</div>
										<div class="clearfix"></div>
									</a>
								</li> -->
						</ul>
					</li>

				</ul>
			</li>
			<li></li>
			</ul>
			<!-- //nav -->
			<!-- //nav -->

		</div>
		<div class="clearfix"></div>
		<!-- //w3_agileits_top_nav-->

		<!-- /inner_content-->
		<div class="inner_content">
			<!-- /inner_content_w3_agile_info-->

			<!-- breadcrumbs -->
			<div class="w3l_agileits_breadcrumbs">
				<div class="w3l_agileits_breadcrumbs_inner">
					<ul>
						<li>首页<span>«</span></li>
						<li>设备管理<span>«</span></li>
						<li>已拒绝申请权限管理</li>
					</ul>
				</div>
			</div>
			<!-- //breadcrumbs -->

			<div class="inner_content_w3_agile_info two_in">
				<h2 class="w3_inner_tittle">已拒绝申请权限列表</h2>
				<!-- tables -->

				<!-- <div class="agile-tables">
						<div class="w3l-table-info agile_info_shadow">
							<h3 class="w3_inner_tittle two"></h3>
							<table id="table">
								<thead>
									<tr>
										<th>手机号</th>
										<th>申请地址</th>
										<th>申请楼层</th>
										<th>申请时间</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id='J_TbData'>
								</tbody>
							</table>

							<code class="js">
								$('#table').basictable();
							</code>
						</div>
					</div> -->
				<div class="panel-body">
					<div class="panel panel-default">
						<div class="panel-heading">查询条件</div>
						<div class="panel-body">
							<form id="formSearch" class="form-horizontal">
								<div class="form-group" style="margin-top: 15px">
									<!-- <label class="control-label col-sm-1" for="txt_search_departmentname">手机号码</label> -->
									<div class="col-sm-3">
										<input type="text" class="form-control" id="txt_search_departmentname"
											placeholder="请输入手机号/电梯编号/申请地址">
									</div>
									<div class="col-sm-4" style="text-align: left;">
										<button type="button" style="margin-left: 50px" id="btn_query"
											class="btn btn-primary" onclick="search()">查询</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- <div id="toolbar">
						<button class="btn" id="passAll" onclick="PassViewById(0,1)">一键同意</button>
						<button class="btn" id="refuseAll" onclick="RefuseViewById(0,1)">一键拒绝</button>
					</div> -->
					<table id="tb_application"></table>
					<!-- //tables -->
				</div>
				<!-- //inner_content_w3_agile_info-->
			</div>
			<!-- //inner_content-->
			<!--copy rights start here-->
			<div class="copyrights">
				<p>Copyright &copy; 2020.<a href="https://www.yungtay.com.cn/" target="_blank">1电梯设备(中国)有限公司
						沪ICP备16033938号</a></p>
			</div>
			<!--copy rights end here-->
			<!-- js -->
			<!-- 隐藏input为了保存拒绝的理由 -->
			<input type="hidden" name="" id="reason" value="" />
			<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
			<script src="js/modernizr.custom.js"></script>

			<script src="js/classie.js"></script>
			<script src="js/gnmenu.js"></script>
			<script>
				new gnMenu(document.getElementById('gn-menu'));
			</script>
			<!-- tables -->

			<script type="text/javascript">
				function formatDate(nowDate) {
					var year = nowDate.getFullYear();
					var month = nowDate.getMonth() + 1;
					month = month > 9 ? month : "0" + month;
					var date = nowDate.getDate();
					date = date > 9 ? date : "0" + date;
					var hour = nowDate.getHours();
					hour = hour > 9 ? hour : "0" + hour;
					var miunte = nowDate.getMinutes();
					miunte = miunte > 9 ? miunte : "0" + miunte;
					var second = nowDate.getSeconds();
					second = second > 9 ? second : "0" + second;
					return year + "-" + month + "-" + date + " " + hour + ":" + miunte + ":" + second;
				}
			</script>
			<!-- //js -->
			<script src="js/screenfull.js"></script>
			<script>
				$(function () {
					$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

					if (!screenfull.enabled) {
						return false;
					}

					$('#toggle').click(function () {
						screenfull.toggle($('#container')[0]);
					});
				});
			</script>
			<script src="js/jquery.nicescroll.js"></script>
			<script src="js/scripts.js"></script>

			<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
			<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
			<script type="text/javascript" src="js/bootstrap-table-zh-CN.js"></script>
			<script type="text/javascript" src="js/refuse.js"></script>
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
									aria-hidden="true">×</span></button>
							<h4 class="modal-title" id="myModalLabel">拒绝理由</h4>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<textarea class="form-control" id="deblock_udid" name="deblock_udid" rows="16"
									style="min-width: 90%"></textarea>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal"><span
									class="glyphicon glyphicon-remove" aria-hidden="true"></span>取消</button>
							<button type="button" id="btn_submit" class="btn btn-primary" data-dismiss="modal"><span
									class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>提交</button>
						</div>
					</div>
				</div>
			</div>
</body>

</html>